<template>
  <div class="mobile-nav__wrapper">
    <div class="mobile-nav__overlay mobile-nav__toggler"></div>

    <div class="mobile-nav__content">
      <span class="mobile-nav__close mobile-nav__toggler"
        ><i class="organik-icon-close"></i
      ></span>
      <div class="logo-box">
        <a
          href="/index.html"
          tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/index.html"
          aria-label="logo image"
          ><img
            src="/assets/images/logo-light.png"
            tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/logo-light.png"
            width="155"
            alt=""
        /></a>
      </div>

      <div class="mobile-nav__container"></div>

      <ul class="mobile-nav__contact list-unstyled">
        <li>
          <i class="organik-icon-email"></i>
          <a
            href="javascript:if(confirm('https://www.17sucai.com/cdn-cgi/l/email-protection  \n\n该文件无法用 Teleport Ultra 下载, 因为 它是一个域或路径外部被设置为它的启始地址的地址。  \n\n你想在服务器上打开它?'))window.location='https://www.17sucai.com/cdn-cgi/l/email-protection#a1cfc4c4c5c9c4cdd1e1ced3c6c0cfc8ca8fc2cecc'"
            tppabs="https://www.17sucai.com/cdn-cgi/l/email-protection#a1cfc4c4c5c9c4cdd1e1ced3c6c0cfc8ca8fc2cecc"
            ><span
              class="__cf_email__"
              data-cfemail="533d3636373b363f23133c2134323d3a387d303c3e"
              >[email&#160;protected]</span
            ></a
          >
        </li>
        <li>
          <i class="organik-icon-calling"></i>
          <a href="tel:666-888-0000">666 888 0000</a>
        </li>
      </ul>
      <div class="mobile-nav__top">
        <div class="mobile-nav__language">
          <img
            src="/assets/images/resources/flag-1-1.jpg"
            tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/flag-1-1.jpg"
            alt=""
          />
          <label class="sr-only" for="language-select">select language</label>

          <select class="selectpicker" id="language-select">
            <option value="english">English</option>
            <option value="arabic">Arabic</option>
          </select>
        </div>
        <div class="main-menu__login">
          <a href="/login"
            ><i class="organik-icon-user"></i
            >{{ currentUser != null ? currentUser : "登录 / 注册" }}</a
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "MobileHeader",
  data() {
    return {
      currentId: localStorage.getItem("UID"),
      currentUser: localStorage.getItem("NAME"),
    };
  },
};
</script>>